:host {
  flex: 1 1 auto;
  display: flex;
  height: 0;
  flex-direction: column;
  .main-layout {
    flex: 1 1 auto;
    display: flex;
    height: 0;

    .main-layout-left {
      padding-right: 16px;
      flex: 1 1 auto;
      display: flex;
      height: 100%;
    }

    .main-layout-right {
      flex: 1 1 auto;
      display: flex;
      height: 100%;
    }

    .main-card {
      flex: 1 1 auto;
      display: flex;
      flex-direction: column;
      margin: 12px 0;
    }

    ::ng-deep {
      .ant-card-body {
        flex: 1 1 auto;
        display: flex;
        min-height: 0;
        padding: 0px;
        background: #f5f5f5;
        flex-direction: column;

        .ant-form {
          flex: 1 1 auto;
          display: flex;
          height: 100%;
        }

        .ant-tabs-card {
          flex: 1 1 auto;
          display: flex;
          height: 100%;

          .ant-tabs-tab {
            border-color: transparent;
            background: transparent;
          }
          .ant-tabs-tab-active {
            border-color: #fff;
            background: #fff;
          }
          .ant-tabs-content-holder {
            flex: 1 1 auto;
            display: flex;
            min-height: 0;
            background: white;
            margin-top: -16px;

            .ant-tabs-content {
              flex: 1 1 auto;
              min-height: 0;

              .ant-tabs-tabpane {
                flex: 1 1 auto;
                min-height: 0;
                padding: 16px 8px;
                overflow-y: auto;

                .ant-form-item {
                  margin-bottom: 8px;
                }

                .roles-wrapper {
                  width: 100%;
                  .role-checkbox {
                    padding-left: 16px;
                  }
                }
              }
            }
          }
        }
      }
    }
  }
} 